<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hima's Portfolio</title>
    <link rel="stylesheet" href="port.css">
    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@700&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap" rel="stylesheet">
</head>

<body>
    <section class="header">
        <nav class="box">
            <ul class="name">
                <li>Hima's Portfolio</li>
            </ul>
            <ul class="components">

                <li><a href="">Home</a></li>
                <li><a href="">About</a></li>
                <li><a href="">Services</a></li>
                <li><a href="">Projects</a></li>
                <li><a href="">Contact Me</a></li>


            </ul>
        </nav>
    </section>

    <section class="content">
        <section class="left_section">
            <p id="para">
                <div class="l1">
                    Hi, My name is <span class="myname">Hima Deepthi</span>
                </div>
                <div class="l1">
                    and Iam a passionate
                </div>
                <div class="l1">
                    <span id="element"></span>
                </div>
        
            </p>
            <button class="btn">Download Resume</button>
            <button class="btn">Visit Github</button>
        </section>
        
        <section class="right_section">
            <img src="https://media.istockphoto.com/id/659249494/photo/working-from-home.jpg?s=612x612&w=0&k=20&c=0RPxUHQ7jDy81GqqO29BwN31D94sz_V3wW2b8kb-8bI=" alt="Error" srcset="">
        </section>

    </section>
    <hr class="divider">
    <section class="Experience">
        <div class="caption">
            What I have done so far
        </div>
        <h1 class="heading">Work Experience</h1>
        <div class="container" id="icon">
            <img src="https://img.icons8.com/?size=1x&id=90qJ6Mat3B0I&format=gif" alt="Error" srcset="">
            <img src="https://img.icons8.com/?size=1x&id=13912&format=png" alt="Error" srcset="">
            <img src="https://img.icons8.com/?size=1x&id=32323&format=png" alt="Error" srcset="">
            <img src="https://img.icons8.com/?size=512&id=13963&format=png" alt="Error" srcset="">
            <img src="https://img.icons8.com/?size=1x&id=19318&format=png" alt="Error" srcset="">
            <img src="https://img.icons8.com/?size=1x&id=22989&format=png" alt="Error" srcset="">
        </div>
        <hr class="division">
        <div class="container" id="vertical">
            <div class="one"></div>
            <div class="one"></div>
            <div class="one"></div>
            <div class="one"></div>
            <div class="one"></div>
            <div class="one"></div>
        </div>
        <div class="con" id="skills">
            <div class="units">
                <h4>HTML Developer -</h4>
                <div class="year">Pinterest (2010-2012)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, illum vero sed sit tempora voluptatibus! </p>
            </div>
            <div class="units">
                <h4>Web Designer -</h4>
                <div class="year">Facebook (2012-2014)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis corporis deleniti officia ipsam placeat.</p>
            </div>
            <div class="units">
                <h4>Frontend Developer-</h4>
                <div class="year">Insagram (2014-2015)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum? Lorem ipsum dolor sit amet consectetur adipisicing elit. A, ipsa natus eligendi adipisci sapiente ratione?</p>
            </div>
            <div class="units">
                <h4>Node.js Developer -</h4>
                <div class="year">Twitter (2015-2016)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis blanditiis voluptatum omnis, eum hicdo</p>
            </div>
            <div class="units">
                <h4>FullStack Developer -</h4>
                <div class="year">Youtube (2016-2018)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus, perferendis repudiandae. Quae sit soluta.</p>
            </div>
            <div class="units">
                <h4>Software Developer -</h4>
                <div class="year">Microsoft (2018-2023)</div>
                <p class="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit odit sapiente vero optio aliquid nesciunt perspiciatis vitae nostrum? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam dicta illo molestias fuga, laboriosam .</p>
            </div>
            
        </div>

    </section>
    <footer>
        <div class="footer">
            <div>
                <div>Hima's Developer</div>
                <div> Portfolio</div>
    
            </div>
            
            <div class="service">
                <div>Home</div>
                <div>About</div>
                <div>Services</div>
                <div>Contact</div>
            </div>
            <div>
                <div>Home</div>
                <div>About</div>
                <div>Services</div>
                <div>Contact</div>
    
            </div>
            <div>
                <div>Home</div>
                <div>About</div>
                <div>Services</div>
                <div>Contact</div>
    
            </div>
            
        </div>
        <div class="patent">
            Copyright &copy; hima'sportfolio.com |All rights reserved 
        </div>
        
    </footer>

    


    <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
    <script>
        var typed = new Typed('#element', {
            strings: ['Web Developer.', 'Graphic Designer', 'Video Editor.', 'Web Designer.'],
            typeSpeed: 50,
        });
    </script>
</body>


</body>


</html>